{% extends 'base.html' %}

{% block content %}
<style type="text/css">
    
    .more-book-bg {
        width: 100%;
        height: auto;
        background: radial-gradient(#d4fc79, #96e6a1);
    }
    .more-book-bg .top {
        width: 100%;
        height: 100px;
        /*border: 1px solid black;*/
    }
</style>


<div class="more-book-bg">

    <div class="top">
        
    </div>
    <div  id="books">
        <div class="class_list">
        {% if result %}
            <h3>{{ result['title'] }}</h3>
            <hr>
            {% for book in result['books'] %}
                <div class="book">
                    <div class="index_bookinfo">
                        <a href="/book/{{ book['id'] }}" target="_blank"><h3>{{ book['name' ]}}</h3></a>
                        <small class="author">{{ book['author'] }}</small>
                    </div>
                    <div class="describe">
                        {{ book['describe'] }}
                    </div>
                </div>
            {% endfor %}
        {% endif %}
        </div>
    </div>
</div>
{% endblock %}